/* all the css */
/**{ font-family:"Microsoft YaHei",微软雅黑; }*/
.top-iner, .nav, .join, .tongzhi-content, .show-content, .secure-content, .lc-newhead, .lc-regular, .news-biaoti, .news-content, .pt-tit, .pt-content, .fot-juzhong { width: 1200px; margin: 0 auto; }
.imgmiddle { vertical-align: middle; }
.bottomline { border-bottom: 1px solid #f3f2f2;
    -webkit-transition: margin-left .5s;	/* Safari 和 Chrome */
    -moz-transition: margin-left .5s;	/* Firefox 4 */
    -o-transition: margin-left .5s;
    transition: margin-left .5s;
}
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi>li.bottomline:hover{ margin-left: 57px; }
.ft12 { font-size: 12px; }
.ft14 { font-size: 14px; }
.ft16 { font-size: 16px; }
.ft20 { font-size: 20px; }


/* this is top */
.top { background-color: #eeeeee; }
.top .top-iner { overflow: hidden; padding: 8px 0px; }
.top .top-iner .top-iner-l { float: left; color: #999999;; }
.top .top-iner .top-iner-r { float: right; overflow: hidden; }
.top .top-iner .top-iner-r li { float: left; padding: 0px 16px; border-right: 1px solid #d2d2d2;}
.top .top-iner .top-iner-r li a { color: #999999; }
.top .top-iner .top-iner-r li a span{color:#fe3101;}
/*.top .top-iner .top-iner-r .r-list a { color: #fe3101; }*/
.top .top-iner .top-iner-r li:hover a{color:#fe3101;}
.top .top-iner .top-iner-r .nomarl { border: 0; margin: 0; padding-right: 0px;}
.top .top-iner .top-iner-r1 { display: none; }
.top .top-iner .top-iner-r1 li{ border-right: 0px; }
.top .top-iner .top-iner-r1 .nomarl { border-left: 1px solid #d2d2d2; }
/* top end */
.nav-mod { background-color: #fff; }
 /*this is nav    修改  */
.nav { overflow: hidden; }
.nav .log { float: left; padding: 17px 0px; }
.nav .log img{ height:60px;}
.nav .nav-list { float: right; overflow: hidden; padding:0.1px; }
.nav .nav-list li { float: left; padding: 39px 20px; position: relative;}
.nav .nav-list li a { color: #3e3a39; }
.nav .nav-list li:hover::before{content:"";display: block; position: absolute; z-index:9;bottom:0px;left:0; width:100%;border-bottom:0px solid #fff; }
.nav .nav-list li.active::before {content:"";display: block; position: absolute; z-index:9;bottom:0px;left:0; width:100%;border-bottom:3px solid #fe3101; }
.nav .nav-list li:hover a,.nav .nav-list li.active a { color: #fe3101; }
.nav .nav-list .myacc-l { padding: 39px 30px 39px 10px; font-weight: normal; color: #999999; }
.nav .nav-list .myacc { padding: 37px 0; margin-right: -15px; margin-top: -3px }

.nav .nav-list .myacc:hover::before,.nav .nav-list .myacc-l:hover::before{content:"";display:none;}

/* nav end */

/* this is banner  修改 */
/* 
#container {
      width: 100%;
      height: 500px;
      overflow: hidden;
  }
  .sections,.section {
    height:100%;
  }
  #container,.sections {
    position: relative;
  }
  .section {
    background-color: #000;
    background-size: cover;
    background-position: 50% 50%;
    text-align: center;
    color: white;
  }
  #section0 {
    background-image: url('img/home/banner.png');
  }
  #section1 {
    background-image: url('img/home/banner.png');
  }
  #section2 {
    background-image: url('img/home/banner.png');
  }
  #section3 {
    background-image: url('img/home/banner.png');
  }
 */
.carousel-inner>.item { position: relative; width: 1200px; margin: 0 auto; height: 380px; }
.carousel-inner>.item>img { position: absolute; top: 0; left: 0; margin-left: -480px; }


.banner { height:380px; overflow:hidden;margin-top: -1px; }
.banner .join { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; height: 380px; }
.banner .join-mod { position: absolute; top: -320px; right: 0; z-index:9; width:320px; height: 300px; background: rgba(0,0,0,0.5); text-align: center; }
.banner .join-mod .jm-tit { margin-top: 30px; color: #ffffff; }
.banner .join-mod .jm-shouyi span { font-size: 30px; }
.banner .join-mod .jm-shouyi { margin: 25px 0px; color: #fd3901; font-size: 70px; }
.banner .join-mod .register {cursor: pointer; display: inline-block; color: #ffffff; padding: 10px 90px; background-color: #fd3901; border-radius: 5px; }
.banner .join-mod .register:hover{background-color: #e72410;}
.banner .join-mod .register a{ color:#fff; }
.banner .join-mod .jm-dl { color: #fff; margin-top: 16px; }
.banner .join-mod .jm-dl a { color: #fd3901; }

.banner .join-mod1 { color: #ffffff;}
.banner .join-mod1 .jm-tit { text-align: left; margin: 35px 0 0 40px; }
.banner .join-mod1 .jm-yue { margin-top: 55px; }
.banner .join-mod1 .jm-dl { font-size: 18px; }
.banner .join-mod1 .jm-dl .ban-chongzhi { cursor: pointer; font-size: 14px; margin-left: 10px; border-radius: 5px;background-color: #fe3401; padding: 2px 6px 3px 5px; }
.banner .join-mod1 .jm-dl .ban-chongzhi:hover { background-color: #e72410; }
.banner .join-mod1 .register { margin-top: 55px; }
.banner .join-mod1 .jm-dl .ban-chongzhi a{ color:#fff; }
    /* banner end */

/* this is content-tongzhi */
.tongzhi{ background-color: #f3f2f2; }
.tongzhi-content ul{ overflow: hidden; }
.tongzhi-content a { color: #3e3a39; margin-left:10px;}
.tongzhi-content a:hover{color:#fb4501;}
.tongzhi-content ul .tzct-1 { float: left; padding: 12px 0px; }
.tongzhi-content ul .tzct-1 .tz-timer { display: inline-block; margin-left: 40px; color:#9fa0a0;}
.tongzhi-content ul .tzct-2 { cursor:pointer;float: right; color: #fd3901; padding: 12px 0px; }
.tongzhi-content ul .tzct-2 img { vertical-align: -1px; margin-left:5px;}


/* tongzhi end */

/* this is show-content */
.show { background-image: url(../../img/gpw/home/bg_show.png); }
.show .show-content { overflow: hidden; }
.show .show-content li { float: left; width: 33.33%; text-align: center; padding:26px 0px 30px 0; }
.show .show-content li p { font-size: 16px; color:#727171; }
.show .show-content li p:first-child{ font-size: 14px;color:#3e3a39;}
.show .show-content li p span { font-size: 30px; color:#fb4501;}

/* show end */

/* this is secure-content */
.secure {  }
.secure .secure-content { height: 174px; overflow: hidden; background: url(../../img/gpw/home/secure.png) no-repeat 165px 40px; background-size: 800px 85px }
.secure .secure-content li { cursor: pointer; float: left; width: 33.33%; text-align: center; padding: 37px 0px; }
.secure .secure-content li {
    -webkit-transition: margin-top .5s;	/* Safari 和 Chrome */
    -moz-transition: margin-top .5s;	/* Firefox 4 */
    -o-transition: margin-top .5s;
    transition: margin-top .5s;
}
.secure .secure-content li:hover { margin-top: -10px;  }


.secure .secure-content li p { display: inline-block; margin-left: 10px; font-size:20px; color:#727171;}
.secure .secure-content li:hover p { color: #f6390d; }
.secure .secure-content li img { vertical-align: -30px; }
.secure .secure-content li:first-child{text-align: left;}
.secure .secure-content li:last-child{text-align:right;}

/* secure end */

/* this is licai-new */
.licai { background-color: #f3f2f2;  }
.licai .lc-newhead,.licai .lc-regular { overflow: hidden; padding-top: 20px; }
.licai .lc-newhead>div { float: left; }
.licai .lc-newhead a>div { float: left; }
.licai .lc-newhead>a{ float: left; width: 243px; }
.licai .lc-newhead .lc-nh-l{ height: 363px;}
.licai .lc-newhead .lc-nh-l, .licai .lc-regular .lc-rg-l { width: 243px; height: 343px; overflow: hidden; padding: 10px 0px;background-color: #f6390d; color: #ffffff;text-align: center; }
.licai .lc-newhead .lc-nh-l .childtit1,.licai .lc-regular .lc-rg-l .childtit1 { font-size: 24px; padding: 30px 0px 15px 0; border-bottom: 1px solid #ffecba; display: inline-block;font-weight: bold;}
.licai .lc-newhead .lc-nh-l .child1 { border-bottom: 1px solid #f97a5d; }
.licai .lc-newhead .lc-nh-l .childtit2, .licai .lc-regular .lc-rg-l .childtit2 { font-size: 21px;line-height:60px;}

.licai .lc-newhead .lc-nh-r, .licai .lc-regular .lc-rg-r { height: 363px; overflow: hidden;background-color: #ffffff; }
.licai .lc-newhead .lc-nh-r>ul { float: left; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi>li { width: 460px; height: 129px; padding: 26px 0px; margin-left: 52px; }
h5 { font-size: 16px; margin: 0; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi { width: 540px; overflow: hidden; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi>li p a,.licai .lc-regular .lc-rg-r>li p a{ font-size:16px; font-weight: bold; color:#666666;}
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi>li p a:hover,.licai .lc-regular .lc-rg-r>li p a:hover{ color: #f6390d; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi ul { overflow: hidden; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi ul li { width: 33.33%;float: left; }
.ftred { font-size:18px;color: #f6390d; padding-top: 17px; }
.ftred span { font-size: 40px; }
.ftname { padding-top: 12px; color: #3e3a39; font-size: 14px; }
.ftnumb { padding-top: 35px; color: #595757; font-size: 18px;}
.ftnumb span { font-size: 26px; color:#727171;}
.ftnumber { padding-top: 50px; }
.ftnumber,.ftnumber span  { color: #f6390d; font-size: 14px; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi ul li .newhead-btn, .regular-btn { float: right; cursor: pointer; color: #ffffff; margin-top: 55px;width:116px;height:34px;line-height:34px;text-align: center; border-radius: 3px; }
.regular-btn1 { background-color: #fcc30b;box-shadow:0 3px 10px rgba(252,195,11,.2); }
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi ul li .newhead-btn2 { background-color: #b2b2b2;box-shadow:0 3px 10px rgba(210,210,210,.2); }
.licai .lc-newhead .lc-nh-r .lc-nh-r-mesg li { width: 400px; height: 145px; overflow: hidden; color: #ffffff; line-height: 145px;margin: 20px 15px 20px 0px; background-color: #8328f6; text-align: center;font-size:24px; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-mesg .lastchild { font-size:18px;line-height: 30px; height: 110px;padding-top: 50px; background-color: #ffce00; }
.licai .lc-newhead .lc-nh-r .lc-nh-r-mesg li span{font-size: 36px;}
.licai .lc-newhead .lc-nh-r .lc-nh-r-biaodi ul li .newhead-btn:hover, .regular-btn:hover { background-color: #e72410; }
/* licai-new end */


/* this is lc-regular */
.licai .lc-regular { overflow: hidden; }
.licai .lc-regular .lc-rg-l { background-color: #ffce00; margin-bottom: 20px; }
.licai .lc-regular .lc-rg-r { width: 957px; }
.licai .lc-regular .lc-rg-r>li { padding: 26px 0px;height: 129px;  padding-left: 52px; }
.licai .lc-regular .lc-rg-r>li {
    -webkit-transition: margin-left .5s;	/* Safari 和 Chrome */
    -moz-transition: margin-left .5s;	/* Firefox 4 */
    -o-transition: margin-left .5s;
    transition: margin-left .5s;
    margin-left: 0px;
}
.licai .lc-regular .lc-rg-r>li:hover { margin-left: 10px; }
.licai .lc-regular .lc-rg-r>li .regular-btn {
    -webkit-transition: margin-right .5s;	/* Safari 和 Chrome */
    -moz-transition: margin-right .5s;	/* Firefox 4 */
    -o-transition: margin-right .5s;
    transition: margin-right .5s;
    margin-right: -60px;
}
.licai .lc-regular .lc-rg-r>li:hover .regular-btn { margin-right: -70px }
.licai .lc-regular .lc-rg-l { float: left;  overflow: hidden; }
.licai .lc-regular .lc-rg-r { height: 363px; }
.licai .lc-regular .lc-rg-r .lc-rg-r-biaodi { overflow: hidden; }
.licai .lc-regular .lc-rg-r .lc-rg-r-biaodi>li{ float: left; width: 18%; position: relative; }
.jindu { position: absolute; top: 72px; left: 0; }
.jindu .jindu-num { position: absolute; top: -7px; left: 160px; color:#727171;}
.jindu .jindu-iner {width: 150px;height: 5px; background-color: #eeeeee;border-radius: 5px; position: relative; z-index: 1; }
.jindu .jindu-iner .jindu-bar { width:21%; height: 5px; background-color: #f6390d; border-radius: 5px; position: absolute; top: 0; left: 0; z-index: 10; }
.regular-btn { margin-left: 60px;margin-right: -60px; }
.regular-btn-str { background-color: #fcc30b; }
.regular-btn-str:hover { background-color: #fcc30b; }
.regular-btn-bues { background-color: #f6390d; }
.regular-btn-over { background-color: #d2d2d2; }
.regular-btn-over:hover { background-color: #d2d2d2; }

/* lc-regular end */

/* this is news */
.news-biaoti { overflow: hidden; margin-top: 40px; }
.news-biaoti ul { float: left;overflow: hidden; padding-left: 8px; position: relative; }
.news-biaoti ul::before { width: 4px; height: 16px; position: absolute; top: 3px; left: 0; content: " "; border-left: 3px solid #f6390d; }
.news-biaoti .firstul { width: 700px; }
.news-biaoti .lastul { width: 388px; margin-left: 90px; }
.news-biaoti ul .news-tit { float: left; font-size: 16px; font-weight: bold; color:#3e3a39;}
.news-biaoti ul .more,.news-biaoti ul .more a { cursor: pointer; float: right; color: #f6390d; font-size: 14px;}
.news-biaoti ul .more img{vertical-align: middle;margin-left: 5px;margin-top:-5px;}
.news-biaoti ul .more:hover { text-decoration: underline; }

.news-content { overflow: hidden; padding-bottom: 50px; }
.news-content .nc-l{ overflow: hidden; width: 755px; float: left;}
.news-content .nc-l div, .news-content .nc-l>ul { float: left; font-size: 14px; margin-top: 20px; }
.news-content .nc-l .nc-box { width: 235px; height: 135px; }
.news-content .nc-l .nc-box .nc-list { width: 235px; height: 135px; }
.news-content .nc-l .nc-box .nc-list li { left: 0; margin-left: 0px; width: 235px; height: 135px; }
.news-content .nc-l>ul {width:473px; border-right: 1px solid #eeeeee; padding-right: 45px; }
.news-content .nc-l>ul li { overflow: hidden;margin-bottom: 8px; overflow: hidden; }
.news-content .nc-l>ul li:last-child { margin-bottom: 0px; }
.nc-tit { float: left; color: #4c4948; margin-left: 15px; font-size: 14px; width: 258px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-timer { float: right; color: #9fa0a0; margin-left: 110px; }

.nc-r { float: right; width: 400px; padding-left: 45px;}
.nc-r ul { /*list-style: disc;*/ margin-top: 20px; color: #4c4948; }
.nc-r ul li { margin-left: 16px; }
.nc-r ul li a { overflow: hidden; }
.nc-r ul li a:hover { color: #f6390d; }
.nc-r ul li:hover,.nc-r ul li a:hover p, .nc-l ul li a:hover p { color: #f6390d; }
.nc-r ul li a .nc-timer { margin-left: 0px; margin-top: -21px; font-size: 14px; }
.nc-r ul li a .nc-t { margin-top: 8px; color: #4c4948; font-size: 14px;width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* news end */


/* this is partner */
.partner { padding: 35px 0px; border-top: 1px solid #eeeeee; }
.partner .pt-tit { width: 1186px; font-size: 18px; border-left: 3px solid #f6390d; padding-left: 8px;font-weight: bold; }
.partner .pt-content { overflow: hidden;  margin: 15px auto; padding-left: 30px;  }
.partner .pt-content li { float: left;width:238px; height:90px; text-align: center; line-height: 90px; color: #afafaf; font-size: 20px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; border-right: 1px solid #eeeeee; background-color: #eeeeee;}
.partner .pt-content .pt-first {border-left:1px solid #eeeeee;  }
.partner .pt-content .pt-bom { border-bottom: 0; }
.partner .pt-content li img{display: block; width: 100%;  height: 100%;margin:0 auto;}

/* partner end */

/* this is footer */
.footer { background-color: #3c3c3c; padding: 0.1px; }
.fot-cont1 { font-size: 12px; color: #9fa0a0; width: 511px; overflow: hidden; }
.footer .fot-juzhong { overflow: hidden; }
.footer .fot-juzhong>div { float: left; }
.fot-cont1 p { margin-top: 6px; }
.fot-cont1 ul { overflow: hidden; margin-top: 30px; }
.fot-cont1 ul li { float: left; margin-right: 32px; }
.fot-cont1 ul .fot-last { margin-right: 0px; }
.fot-cont1 ul li a { color: #9fa0a0; font-size: 14px; }
.fot-cont1 ul li a:hover { color: #dfdfdf; }
.fot-cont1 .mg30 { margin-top: 38px; padding-top: 10px; border-top: 1px solid #535353; }
.fot-cont1 .fot-renzheng { margin-top: 20px; margin-bottom: 30px; }

.fot-cont2 { margin-left: 30px; }
.fot-cont2 ul { overflow: hidden; margin: 25px 0 0 125px; }
.fot-cont2 ul li { float: left; margin: 25px; font-size: 14px; text-align: center; color: #9fa0a0; }
.fot-cont2 ul li img {width: 100px;display: block; background-color: #ffffff; padding: 5px; }

.fot-cont3 { text-align: center; padding: 0.1px; margin: 35px 0 0 35px; }
.fot-cont3 img{display: block;margin:0 auto;margin-bottom:8px;}
.fot-cont3 p { font-size: 23px; color: #f6390d; }
/* footer end */

/* this is help */
.help { z-index: 999; display: block; position: fixed; bottom: 300px; right: 0; z-index: 10; }
.help ul li { width: 28px;height:28px; padding:9px;border-bottom: 1px solid #313131; background-color: #3c3c3c; position: relative; }
.help ul li a { font-size: 14px; color: #ffffff; }
.help ul li div { display: none; width: 100px; border-top-left-radius: 5px;border-bottom-left-radius: 5px; position: absolute; top: 0px; left: -100px; z-index: 1;background-color: #313131;text-align: center;line-height:46px;}
.help ul li:hover div { display: block; }
.help ul li img{display: block;}
.help ul li:first-child{border-top-left-radius: 5px; }
.help ul li:last-child,.help ul li.last{border-bottom:0;border-bottom-left-radius: 5px; }
.help ul li:hover{ border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* help end */

/* this is backtop */
.backtop { z-index: 999; position: fixed; bottom: 190px; right: 0; z-index: 10;width:46px;height:42px; background-color: #3c3c3c; border-top-left-radius:5px;border-bottom-left-radius:5px; }
.backtop:hover {  }
.backtop a { font-size: 14px; color: #ffffff; position: relative; border-radius: 5px; }
.backtop a .bc-back { display: none;width: 46px;height:32px;font-size:14px;line-height:16px;padding:5px 0; text-align:center;position: absolute; top: -44px; right: -3px; background-color: #313131;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.backtop a:hover div { display: block; }
.backtop img{display: block;margin:13px auto;}
/* backtop end */


/* lunbo */
#box {
      position: relative;
      background: #fff;
      z-index: 1;
    }
 
    #box .list {
      position: relative;
      overflow: hidden;
    }
 
    #box .list li {
      position: absolute;
      top: 0;
      /*opacity: 0;*/
      transition: opacity 0.5s linear
    }
 
    #box .list li.current {
      opacity: 1;
    }
 
    #box .count {
      position: absolute;
      right: 50%;
      bottom: 30px;
    }
 
    #box .count li {
      color: #fff;
      float: left;
      width: 30px;
      height: 10px;
      cursor: pointer;
      margin-right: 5px;
      overflow: hidden;
      background: #F90;
      opacity: 0.7;
      border-radius: 20px;
    }
 
    #box .count li.current {
      color: #fff;
      opacity: 0.7;
      font-weight: 700;
      background: #f60
    }

.nc-box img{
  width:235px;
  height:135px;
}


/**/
.nmod { background-color: #eee; padding-top: 10px; }
.not-mod {
    width:1200px;
    margin: 0 auto;
    position: relative;

}
.not-mod .notice-tit {
    position: absolute ;
    top: 0;
    right: 0;
    z-index: 10;
    color: #f6390d;
    font-size: 14px;
}
.not-mod .igmdl {
    position: absolute ;
    top: 0;
    left: 0;
    z-index: 10;
}

.notice {
    width: 100%;
    position: relative;
}
.notice_title {

    color: #fd3901;
    font-family: "微软雅黑";
    font-size: 16px;
    text-align: center;
    width: 120px;
    float: right;
}
.notice_list .imgmiddle {
    vertical-align: 0px;
    padding-right: 10px;
}

.notice-tit .imgmdl{
    vertical-align: -2px;
    padding-left: 4px;
}
.notice_list {
    width: 1200px;
    height: 33px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}
.notice_list  ul {

}
.notice_list  .more {
    position: absolute;
    top:0;
    right:0;
}
.notice_list li{
    list-style-type: none;
    height: 33px;
    color: #3e3a39;
    position: relative;
}

.notice_list li .notice_list_cont {
    margin-left: 30px;
    display: inline-block;
    width: 360px;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
.notice_list li:hover .notice_list_cont { color: #f6390d; }
.notice_list li:hover .tz-timer { color: #f6390d; }
.notice_list li .tz-timer{
    color: #9fa0a0;
    position: absolute;
    top: 1px;
    left: 420px;
}
.notice_list a:link,.notice_list a:visited{
    color: #3e3a39;
    font-size: 14px;
}
.notice_list a:hover,.notice_list a:active{
    color: #3e3a39;
}
.date {
    color: #3e3a39;
    font-size: 14px;
    float: right;
}

/**/
.cd-popup-trigger {

    display: block;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}
.cd-popup {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    padding: 0.1px;
    position: relative;
    width: 410px;
    height: 410px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-container p {
    text-align: left;
}
.cd-popup-container .tishi {
    font-weight: normal;
    font-size: 12px;
    margin-top: 15px;
}
.cd-popup-container .join {
    margin: 0;
    margin-top: 10px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}
.cd-popup-container .join span {
    color: #f6390d;
}
.cd-popup-container .tishi img {
    vertical-align: middle;
}
.cd-popup-container input {
    width: 318px;
    height: 38px;
    margin-top: 25px;
    border: 1px solid #eeeeee;
    padding-left: 15px;
}
.cd-popup-container input:focus {
    outline:none;
    border: 1px solid #f6390d;
}

.cd-btn {
    width: 336px;
    height: 40px;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #f6390d;
    border-radius: 5px;
    margin: 0px auto;
    margin-top: 37px;
}

.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}
.cd-popup-container .cd-buttons {
    width: 340px;
    margin: 0 auto;
    color: #727171;
}
.cd-popup-container .cd-buttons li {
    float: left;
    font-size: 14px;
    margin-top: 10px;
}
.cd-popup-container .cd-buttons li input {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    margin-right: 5px;
}
.cd-popup-container .cd-buttons li input:focus {
    background-color: #eee;
    color: red;
}
.cd-popup-container .cd-buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child{
    margin-right: 190px;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}
.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.tucao { width: 510px; height: 450px; padding: 0 25px; padding-top: 0.1px; top: 10%; }
.tucao .textarea textarea { width: 468px; height: 225px; resize: none; margin-top: 10px; padding: 15px 20px; border: 1px solid #dcdcdc; color: #9fa0a0; }
.tucao>p { font-size: 18px; color: #3e3a39; margin-top: 45px; }
.tucao>p>img { vertical-align: -6px; padding-right: 10px; }
.tucao .sl-sub { cursor: pointer; width: 320px; text-align: center; margin: 35px auto; height: 40px; line-height: 40px; border-radius: 5px; color: #fff; background-color: #f6390d; }
.tucao a:focus { border: 0; }
.tucao2 { width: 560px; height: 305px; top: 15%; }
.tucao2 p { text-align: center; }
.tucao2 .tc-img { margin-top: 50px; }
.tucao2 .tc-text { color: #3e3a39; font-size: 18px; margin-top: 15px; }
.tucao2 .go-rel-btn { width: 150px; margin: 0 auto; margin-top: 65px; height: 40px; line-height: 40px; background-color: #f6390d; color: #fff; border-radius: 5px; }
.tucao2 a:focus { border: 0; }


/* 计算器 */
.mod-jsq { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 900; }
.jsq { position: relative; width: 535px; height: 510px; background-color: #fff; margin-top: 8%; margin-left: 28%; border-radius: 5px; }
.jsq-tit { font-size: 18px; color:#fff; padding-left: 35px; background-color: #615e5e; border-top-left-radius: 5px;border-top-right-radius: 5px; }
.jsq-tit img { padding: 7px 10px 7px 0;  vertical-align: -21px; }
.jsq .cl-btn { cursor: pointer; position: absolute; top: 24px; right: 35px; }
.jsq ul { overflow: hidden; margin-left: 35px; margin-top: 20px; }
.jsq .secul { margin-top: 10px; margin-bottom: 20px; }
.jsq ul li { float: left;  }
.jsq ul .lileft { margin-right: 80px; }
.jsq ul li .jsq-chtit { font-size: 16px; color: #727171; }
.jsq ul li .jsq-ipt { position: relative }
.jsq ul li .jsq-ipt input { width: 180px; height: 20px; line-height: 20px; margin: 8px 0; padding: 10px 0 10px 10px; background-color: #f2f2f3;  }
.jsq ul li .jsq-ipt .jsq-sp { position: absolute; top: 20px; right: 10px; font-size: 14px; color: #727171; }
.jsq ul li .jsq-tishi { font-size: 12px; color: #f6390d; }
.jsq ul li .jsq-btn { cursor: pointer; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background-color: #f6390d; margin-top: 29px; }
.jsq .jsq-line { width: 100%; height: 9px; background-color: #f3f2f2; }
.jsq .jsq-sj { font-size: 18px; color: #3e3a39; position: relative; margin: 25px 0 25px 45px; }
.jsq .jsq-sj::before { height: 18px; width: 3px; content: " "; background-color: #f6390d; position: absolute; top: 2px; left: -10px; }
.jsq  .jsq-msg { width: 420px; margin: 15px auto; }
.jsq  .jsq-msg li { width: 50%; text-align: center; }
.jsq  .jsq-msg li p { font-size: 16px; color: #727171; }
.jsq  .jsq-msg li p span { display: inline-block; font-size: 24px; color: #f6390d; padding-left: 5px; padding-top: 10px; }












